<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" media="all" rel="stylesheet" type="text/css">
</head>

<body>
<div id="Layer1">
<div class="pagination2">
    <a class="button orange" href="#" onclick="this.blur(); return false;"><span><<</span></a>
	<a class="button orange" href="#" onclick="this.blur(); return false;"><span>1</span></a>
    <a class="button orange" href="#" onclick="this.blur(); return false;"><span>2</span></a>
	<a class="button orange" href="#" onclick="this.blur(); return false;"><span>3</span></a>
    <a class="button orange" href="#" onclick="this.blur(); return false;"><span>4</span></a>
	<a class="button orange" href="#" onclick="this.blur(); return false;"><span>5</span></a>
    <a class="button orange" href="#" onclick="this.blur(); return false;"><span>6</span></a>
	<a class="button orange" href="#" onclick="this.blur(); return false;"><span>7</span></a>
    <a class="button orange" href="#" onclick="this.blur(); return false;"><span>8</span></a>
	<a class="button orange" href="#" onclick="this.blur(); return false;"><span>9</span></a>
    <a class="button orange" href="#" onclick="this.blur(); return false;"><span>10</span></a>
    <a class="button orange" href="#" onclick="this.blur(); return false;"><span>>></span></a>
</div>
<div class="pagination3">
    <a class="button" href="#" onclick="this.blur(); return false;"><span><<</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>1</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>2</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>3</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>4</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>5</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>6</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>7</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>8</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>9</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>10</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>>></span></a>
</div>
<div class="pagination1">
    <a class="button" href="#" onclick="this.blur(); return false;"><span><<</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>1</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>2</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>3</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>4</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>5</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>6</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>7</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>8</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>9</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>10</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>>></span></a>
</div>
<div class="pagination">
    <a class="button" href="#" onclick="this.blur(); return false;"><span><<</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>1</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>2</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>3</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>4</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>5</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>6</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>7</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>8</span></a>
	<a class="button" href="#" onclick="this.blur(); return false;"><span>9</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>10</span></a>
    <a class="button" href="#" onclick="this.blur(); return false;"><span>>></span></a>
</div>
</div>
<div id="Layer2">
<h1>transparent pagination style using css </h1>
<p class="credits"><em> by:</em> <a href="http://www.dreamcss.com/">Dream css</a></p>
</div>
</body>
</html>
